<template>
  <div class="dashboard-container" >
    <div style=" background-color: #EFF1F6;width: 100%;height: 100%;position:absolute;">
      <div class="" style="left:150px;top:100px;position: absolute">您好: {{ name }}</div>
      <div class="dashboard-text"  style="left:150px;top:150px;position: absolute">欢迎登录【智学100校园云平台】</div>
      <div class="" style="left:150px;top:200px;position: absolute">您所属的角色：{{juese}}</div>
      <div class="" style="left:150px;top:250px;position: absolute">版本号：{{this.$global.VERSION}}</div>
    </div>


  </div>
</template>

<script>
import { mapGetters } from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name',
      'avatar',
      'user_organize',
      'user_role',
      'user_routes'
    ]),

    juese:{
      get(){
        if(this.user_role=="RA0001") return "超级系统管理员"
        if(this.user_role=="RA0002") return "超级运营管理员"
        if(this.user_role=="RA0003") return "超级学校管理员"
      }

    }

  }
}
</script>

<style lang="scss" scoped>
.dashboard {
  &-container {
    //margin: 30px;
    background-color: #EFF1F6;
  }
  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
